<template>
  <div>
    <p>当前展示的是第{{ current }}页,每页展示{{ pageSize }}条</p>
    <hr />
    <Pagination
      :current="current"
      @update:current="current = $event"
      :pageSize="pageSize"
      @update:pageSize="pageSize = $event"
    ></Pagination>
    <Pagination :current.sync="current" :pageSize.sync="pageSize"></Pagination>
  </div>
</template>

<script>
import Pagination from "@/components/Pagination";
export default {
  name: "App",
  components: {
    Pagination,
  },
  data() {
    return {
      current: 1,
      pageSize: 5,
    };
  },
};
</script>

<style>
</style>
33.v-bind的.sync修饰符做父子组件双向绑定